<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>art_name_artist_艺网|上艺网,购艺术</title>
  <script src="js/jquery-3.5.1.js"></script>
  <link rel="stylesheet" href="css/add_car.css">
  <script src="js/arts_data.js"></script>
</head>
<body>
  <header>
    <div class="header_box">
      <button type="button" class="backBtn" onclick="backFn()">返回</button>
        <a href="index.html">艺网</a>><a href=""></a>
        <div class="mine">
          <div class="mem_center" style="position: relative;">
            <img src="imgs/public/login.png" alt="">
            <div class="mem_center_list">
              <ul>
                <li><a href="">会员中心</a></li>
                <li><a href="">我的珍藏</a></li>
                <li><a href="">我的订单</a></li>
                <li><a href="">我的购物车</a></li>
                <li><a href="">退出</a></li>
              </ul>
            </div>
          </div>
          <div class="car_shop">
            <img src="imgs/public/car.png" alt="">
          </div>
        </div>
    </div> 
  </header>
  <div class="section_hidden" style="display: none;">
    <img src="imgs/arts/今生来世梦.jpg" alt="" class="big_art_photo">
    <div class="Scaling_art_pic">
      <div class="shang">
        <div class="close"></div>
      </div>
      <div class="zhong">
        <img src="imgs/arts/今生来世梦.jpg" alt="">
      </div>
      <div class="xia">
        <div class="suoxiao"></div>
        <span></span>
        <div class="fangda"></div>
      </div>
    </div>
  </div>
  <section>
    <nav>
      <ul>
        <li><a href="">详情</a></li>
        <li><a href="">美术馆</a></li>
        <li><a href="">生活空间</a></li>
      </ul>
    </nav>
    <div class="main">
      <div class="art_left">
        <div class="art_left_photo">
          <img src="" alt="" class="art_site">
        </div>
        <div class="photo_thumb">
          <!-- <img src="imgs/arts/荒野之恋.jpg" alt=""> -->
        </div>
      </div>
      <div class="art_right">
        <div class="art_right_list">
          <div class="list_top">
            <p class="art_price"><span href="">价格</span></p>
            <p class="art_art_info"><span href="">作品信息</span></p>
          </div>
          <div class="list_bottom">
            <div class="price">
              <div class="box" style="border-bottom:1px solid #ccc">
                <h2><span><!-- 60,260 --></span></h2>
              </div>
              <div class="box" style="border-bottom:1px solid #ccc">
                <p class="yb">原创</p>
                <p class="wzb">无装裱</p>
                <p class="db">独版</p>
              </div>
              <div class="box" style="border-bottom:1px solid #ccc">
                <p>如有装裱需求，请联系客服。</p>
              </div>
              <div class="box">
                <button type="button">加入购物车</button> 
              </div>
              <div class="box">
                <p>运费：￥<span>490</span></p>
              </div>
            </div>
            <div class="art_info">
              <div class="box">
                  <p class="name" ><a href=""><!-- 王笃涛 --></a></p>
                  <p class="art"><span class="art_name"><!-- Alice的孤独 --></span>，<span class="year"><!-- 2016 --></span></p>
                  <p><span class="genre"><!-- 布面油画， --></span><span class="size"><!-- 150.0x15.0 --></span>cm</p>
              </div>
              <div class="box">
                <h5>编写推荐：</h5>
                <p>总以为有些事，在不经意间就会改变；有些人，在碎碎念念中就会忘却。可当世事变幻，沧海桑田，却发现，内心深处所挂念的，依旧是你。末日来临，海水淹没房屋淹没一切，昨日种种浮现眼前，似水无痕，落红纷飞，却孤影依旧。</p>
              </div>
            </div>
          </div>
        </div>
        <div class="love_and_share">
          <div class="love_box">
            喜欢 <span class="num">0</span>
          </div>
          <div class="share_box">
            分享
            <div class="share_list">
              <div class="list_box list_box_1"><img src="imgs/微信.png" alt=""></div>
              <div class="list_box list_box_2"><img src="imgs/QQ空间.png" alt=""></div>
              <div class="list_box list_box_3"><img src="imgs/qq.png" alt=""></div>
              <div class="list_box list_box_4"><img src="imgs/微博.png" alt=""></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="box" style="height: 1000px;">
      
    </div>
  </section>
  <aside>
    <div class="contact_service">
      <div class="service_img"></div>
      <div class="service_text">联<br>系<br>客<br>服</div>
    </div>
    <div class="leave_message" draggable="true">
      <div class="leave_msg_top">
        <p>给我们留言</p>
        <i><img src="imgs/最小化.png" alt=""></i>
        <i><img src="imgs/关闭.png" alt=""></i>
      </div>
      <div class="leave_msg_bottom">
        <p class="sorry">您好，很抱歉我们暂时无法为您提供服务，如需帮助，请留言，我们将尽快联系并解决您的问题</p>
        <div class="sorry_text">
          <p class="phone">电话</p>
          <input type="text" placeholder="请输入电话" class="phone_input">
          <p class="msg_content">留言内容</p>
          <textarea placeholder="请输入留言内容" class="msg_input"></textarea>
          <div class="picture_up">
            <div class="pic_up_btn">上传图片</div>
          </div>
          <b>* 支持 jpg 、png、gif、svg 格式的图片，可上传 5 张，单张最大 5M</b>
          <input type="button" value="提交" class="msg_btn">
        </div>
      </div>
    </div>
  </aside>
  

  <script src="js/add_car.js"></script>
</body>
</html>